@charset "utf-8";


* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
    /* font-weight: normal; */
}

html,
body {
    font-family: "Noto Sans SC";
    font-weight: 500;
    font-size: 18px;
    /* 灰色开始
    filter: grayscale(100%);
    灰色结束 */
}

ul {
    list-style: none;
}

a {
    text-decoration: none;
    color: inherit;
}

.section-mall {
    background-color: #d8d8d81f;
    background-position: center top;
    background-repeat: no-repeat;
    background-size: cover;
}

.section-title {
    text-align: center;
    padding: 60px;
    position: relative;
}

.section-title h1 {
    position: relative;
    font-size: 36px;
    line-height: 50px;
    letter-spacing: 4px;
    color: #222;
}

.section-title h2 {
    margin-top: 10px;
    font-size: 18px;
    line-height: 22px;
    letter-spacing: 2px;
    color: #666a75;
}

.section-wrapper {
    width: 78%;
    margin-left: auto;
    margin-right: auto;
    height: auto;
    overflow: hidden;
}

.mall-app>ul {
    margin-left: -10px;
    margin-right: -10px;
}

.mall-app>ul:before,
.mall-app>ul:after {
    content: " ";
    display: table;
    box-sizing: inherit;
}

.mall-app>ul>li {
    /* float: left;
    width: 25%; */
    padding-left: 10px;
    padding-right: 10px;
}

.mall-app-card {
    position: relative;
    height: 470px;
    overflow: hidden;
    text-align: center;
    cursor: pointer;
    border-radius: 15px;
    width: 22%;
    float: left;
    margin: 0 15px;
}


.mall-app-card-bg {
    position: absolute;
    z-index: 0;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background-size: cover;
    background-position: center;
    transition: 0.2s;
}

.mall-app-card-top {
    position: relative;
    /* height: 50%; */
}

.mall-app-card-toplist {
    height: 228px;
    background-color: #37404b75;
    border-radius: 15px;

}

.mall-app-card-top i {
    display: block;
    position: absolute;
    top: 164px;
    right: 0;
    left: 0;
    width: 48px;
    height: 48px;
    margin: 0 auto;
    background-size: cover;
    background-position: center;
    transition: 0.2s;
}

.mall-app-card-toplist i {
    display: block;
    position: absolute;
    right: 0;
    left: 0;
    width: 48px;
    height: 48px;
    margin: 0 auto;
    background-size: cover;
    background-position: center;
    transition: 0.2s;
}


.mall-app-card-top h2 {
    position: absolute;
    top: 240px;
    right: 0;
    left: 0;
    font-size: 1.2rem;
    line-height: 28px;
    color: #fff;
    transition: 0.2s;
}

.mall-app-card-toplist h2 {
    position: absolute;
    right: 0;
    left: 0;
    font-size: 1.2rem;
    line-height: 28px;
    color: #fff;
    transition: 0.2s;
}

.mall-app-card-top h2:before {
    content: "";
    position: absolute;
    top: 100%;
    right: 0;
    left: 0;
    width: 0;
    height: 4px;
    margin: 15px auto;
    background-color: #1F93F9;
    transition: 0.2s 0.2s;
}

.mall-app-card-toplist h2:before {
    content: "";
    position: absolute;
    top: 100%;
    right: 0;
    left: 0;
    width: 0;
    height: 4px;
    margin: 15px auto;
    background-color: #1F93F9;
    transition: 0.2s 0.2s;
}

.mall-app-card-top p {
    position: absolute;
    top: 173px;
    right: 0;
    left: 0;
    padding-left: 40px;
    padding-right: 40px;
    margin: 10px auto 0;
    line-height: 24px;
    color: #fff;
    opacity: 0;
    transition: 0.2s;
}

.mall-app-card-toplist p {
    position: absolute;
    top: 173px;
    right: 0;
    left: 0;
    padding-left: 40px;
    padding-right: 40px;
    margin: 10px auto 0;
    font-size: 14px;
    line-height: 24px;
    color: #fff;
    opacity: 0;
    transition: 0.2s;
}

.mall-app-card-bottom {
    position: relative;
    height: 50%;
    padding-top: 50px;
    font-size: 14px;
    line-height: 24px;
    color: #fff;
}

.mall-app-card-bottom li {
    margin-bottom: 10px;
}

.mall-app-card-bottom li a:hover {
    color: #0164b9;
}

.section-bottom {
    padding-top: 40px;
    padding-bottom: 50px;
    width: 44px;
    margin: 0 auto;
}


.cui-icon {
    font-family: 'cui-icon' !important;
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    display: inline-block;
    vertical-align: middle;
    font-size: 16px;
}

.mall-app-card:hover .mall-app-card-bg {
    -ms-transform: scale(1.05);
    transform: scale(1.05);
}

.mall-app-card:hover .mall-app-card-top i {
    opacity: 0;
}

.mall-app-card:hover .mall-app-card-top h2 {
    top: 85px;
}

.mall-app-card:hover .mall-app-card-top h2:before {
    width: 68px;
}

.mall-app-card:hover .mall-app-card-top p {
    margin-top: 0;
    opacity: 1;
}

/* one.css */
/*20200429001*/
/* @charset "utf-8";
*{margin:0;padding:0}
       /*瀹氫箟婊氬姩鏉￠珮瀹藉強鑳屾櫙 楂樺鍒嗗埆瀵瑰簲妯珫婊氬姩鏉＄殑灏哄*/
::-webkit-scrollbar {
  width: 7px;
  height: 7px;
  background-color: #F5F5F5;
}

/*瀹氫箟婊氬姩鏉¤建閬� 鍐呴槾褰�+鍦嗚*/
::-webkit-scrollbar-track {
  box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
  -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
  border-radius: 10px;
  background-color: #F5F5F5;
}

/*瀹氫箟婊戝潡 鍐呴槾褰�+鍦嗚*/
::-webkit-scrollbar-thumb {
  border-radius: 10px;
  box-shadow: inset 0 0 6px rgba(0, 0, 0, .1);
  -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, .1);
  background-color: #c8c8c8;
}

input::-ms-clear,
input::-ms-reveal {
  display: none;
}

@font-face {
  font-family: "mFont";
  font-display: swap;
  src: url('fonts/webfont.eot');
  /* IE9 */
  src: url('fonts/webfont.eot?#iefix') format('embedded-opentype'),
    /* IE6-IE8 */
    url('fonts/webfont.woff2') format('woff2'),
    url('fonts/webfont.woff') format('woff'),
    /* chrome銆乫irefox */
    url('fonts/webfont.ttf') format('truetype'),
    /* chrome銆乫irefox銆乷pera銆丼afari, Android, iOS 4.2+*/
    url('fonts/webfont.svg#webfont') format('svg');
  /* iOS 4.1- */
}


.footer_all {
  background: #0164B9;
  padding: 10px 0;

}

.footer_all .fr_text {
  margin: 0 auto;
  text-align: center;
  line-height: 60px;
  color: #FFF;
  font-weight: 600;
  font-size: 14px;
}

.about_content {
    width: 80%;
    margin: 0 auto;
    margin-top: 20px;
    display: flex;
    justify-content: space-between;
}
/* .about_content {
  width: 1320px;
  margin: 0 auto;
  margin-top: 20px;
  display: flex;
  justify-content: space-between;
} */

.about_content .left_ce {
  width: 24%;
  display: flex;
  flex-direction: column;
}


.left_top {
  width: 100%;
  height: 120px;
  box-shadow: 0px 9px 36px 0px rgba(151, 151, 151, 0.24);
  border-radius: 2px;

}

.left_top p {
  text-align: center;
  color: #42474C;
}

.left_title p:nth-child(1) {
  margin-top: 25px;
  line-height: 50px;
  font-size: 32px;
  font-family: "Times New Roman";
}

.left_title p:nth-child(2) {
  line-height: 25px;
  font-family: "Times New Roman";
}


.left_bottom {
  width: 100%;
  height: 100%;
  box-shadow: 0px 9px 36px 0px rgba(151, 151, 151, 0.24);
  border-radius: 2px;
  margin-top: 30px;
}

#left_nav {
  margin-top: 0.2rem;
}

.left_bottom ul li {
  background: rgba(245, 245, 245, 1);
  border-radius: 2px;
  margin: 0 auto;
  margin-top: 20px;
  font-size: 16px;
  color: #0164B9;
  height: 60px;
  line-height: 60px;
  font-weight: bold;
  text-align: center;

}


.left_bottom ul {
  text-align: center;
}



.active {
  background: #0164B9 !important;
  color: white !important;
}


.left_bottom ul li a {
  display: inline-block;
  color: #0164B9;
  text-decoration: none;
}

li.active {
  background: #1F93F8 !important;
  color: white !important;
}

.active a {
  color: white !important;
}


.about_banner {
  margin-top: 0.85rem;
}

.about_banner img {
  width: 100%;
}

.right_ce {
  width: 74%;
  background: rgba(255, 255, 255, 1);
  box-shadow: 0px 9px 36px 0px rgba(151, 151, 151, 0.24);
  border-radius: 2px;
  /* min-height: 1800px; */
  margin-bottom: 20px;
  overflow: hidden;
}

.right_ce .right_title {
  text-align: center;
  font-size: 0.5rem;
  line-height: 150%;
  font-weight: 600;
  color: rgba(66, 71, 76, 1);
  margin: 0.4rem;
}

.right_ce .title {
  
  text-align: center;
  text-indent: 2rem;
  height: 100%;
  padding: 20px 10px 10px 20px;


}
.right_ce .title h1{
font-family: 'Source Han Sans';
line-height: 36px;
/* text-align: center; */
font-size: 28px;
font-weight: 700;
color: #014099;
}

.right_content ul div {
  padding: 0.2rem 0;
}


.right_content ul div:hover {
  background: #f9f9f9;
}

.right_content {
  padding: 40px 40px;
  /* min-height: 1200px; */
}

.right_content .img img {
  width: 9rem;
  height: 3.8rem;
  margin: 0 auto;
  text-align: center;
}

.right_content p {
  font-size: 16px;
  /* color: #666666; */
  font-weight: 500;
  text-indent: 2em;
  line-height: 26px;
}
.right_content .title1{
  float: left;
  width: 70%;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.right_content i{
  width: 6px;
  height: 6px;
  display: inline-block;
  border-radius: 50%;
  border: 5px solid  #b0b0b0;
  box-sizing: border-box;
  margin-right: 5px;
}

.right_content a {
  text-decoration: none;
  color: #585858;
  font-size: 16px;
  
}

.right_content a:hover {
  text-decoration: none;
}

.right_top {
  margin-top: 40PX;
  display: flex;
}

.right_top span {
  margin-left: 20px;
    font-size: 22px;
    font-weight: bold;
}

.right_content data {
  float: right;
    font-size: 16px;
    width: 20%;
}

.right_content ul li {
    width: 100%;
    overflow: hidden;
    margin-bottom: 10px;
}

.right_content table p {text-indent: 0em }

.right_content td {border:1px solid black;} 

.right_content .info{
  text-align: center;
  margin-bottom: 16px;
}

.right_ce1 {
  width: 90%;
  background: rgba(255, 255, 255, 1);
  box-shadow: 0px 9px 36px 0px rgba(151, 151, 151, 0.24);
  border-radius: 2px;
}

.pagess {
  clear: both;
  margin: 20px;
  overflow: hidden;
  margin-left: 0;
  text-align: center;
  font-size: 12px;
  margin-top: 1.5rem;
}

.pagess ul li {
  display: inline-block;
  border: 1px solid #ccc;
  padding: 5px 10px;
  margin: 0 3px;
  line-height: 20px;
  background: #fff;
  color: #999;
  border-radius: 4px;
  
}

.pagess ul li.thisclass {
  display: inline-block;
  padding: 6px 11px;
  margin: 0 3px;
  background: #2A3F7E;
  color: #fff;
}

.pagess ul li a {
  display: block;
  color: #999;
  text-decoration: none;
}

.pagess ul li:hover {
  background: #2A3F7E;
  color: #fff;
  border: 1px solid #2A3F7E;
}



.web {
  width: 1140px;
  min-width: 1140px;
  margin: 0 auto
}

.fix {
  *zoom: 1;
  *clear: both;
}

.linksWrap {
  background-color: #f8f8f8;
  position: relative;
  z-index: 1;
  height: 62px;
  margin-bottom: 5px;
}

.linksWrap dl {
  display: inline-block;
  float: left;
  width: 400px;
  text-align: center;
}

.linksWrap dl dt {
  padding: 20px 0;
  font-size: 18px;
  font-weight: bold;
  cursor: pointer;
}

.linksWrap dl dt span {
  border-right: 1px solid #ddd;
  display: block
}

.linksWrap dl dt span.last2020 {
  border-right: none;
}

.linksWrap dl dt .arrow {
  font-size: 14px;
  font-family: cursive;
  margin-left: 20px;
  top: 28px;
  color: #999;
  width: 7px;
  height: 11px;
  background: url(../img/arrow-links.png) no-repeat left top;
  position: absolute;
}

.linksWrap dl dt:hover,
.linksWrap dl dt.cur {
  background: #0164B9;
  color: #FFF;
}

.linksWrap dl dt:hover span,
.linksWrap dl dt.cur span {
  border-right: 1px solid #3d81c5;
}

.linksWrap dl dt:hover span i,
.linksWrap dl dt.cur span i {
  color: #FFF;
  background: url(../img/arrow-links-h.png);
  top: 31px;
  height: 7px;
  width: 11px;
}

.linksWrap dl dd {
  display: none;
  position: absolute;
  background-color: #0164B9;
  top: 65px;
  padding: 10px 0;
  text-align: left;
  left: 0;
  width: 100%;
  height: 120px;
}

.linksWrap dl dd a {
  display: inline-block;
  padding: 5px 15px;
  font-size: 15px;
  color: #FFF
}

/*鐑偣鏂伴椈杞挱鍥�*/
.swiper-container2 .swiper-button-next,
.swiper-container-rtl .swiper-button-prev {
  opacity: .50;
  margin-right: -3px;
  width: 20px;
  height: 35px;
  background-size: 15px 35px;
}

.swiper-container2 .swiper-button-prev,
.swiper-container-rtl .swiper-button-next {
  opacity: .50;
  margin-left: -3px;
  width: 20px;
  height: 35px;
  background-size: 15px 35px;
}


* {
  margin: 0;
  padding: 0;
  list-style-type: none;
}

a,
img {
  border: 0;
  text-decoration: none;
}

.clearfix:after {
  visibility: hidden;
  display: block;
  font-size: 0;
  content: " ";
  clear: both;
  height: 0
}

*html .clearfix {
  height: 1%
}


.map-service {
  position: relative;
  height: 760px;
  background: url(../img/map_balck_whole_bg.jpg) center no-repeat
}

.map-service-right {
  padding-top: 60px
}

.china-map {
  width: 748px;
  height: 618px;
  background: url(../img/map_black_bg.png) center no-repeat;
  position: relative;
}

.region-list {
  position: absolute;
  left: 0;
  top: 0
}

@-webkit-keyframes warn {
  0% {
    -webkit-transform: scale(0);
    transform: scale(0);
    opacity: 1
  }

  100% {
    -webkit-transform: scale(1);
    transform: scale(1);
    opacity: 0
  }
}

@-moz-keyframes warn {
  0% {
    -moz-transform: scale(0);
    transform: scale(0);
    opacity: 1
  }

  100% {
    -moz-transform: scale(1);
    transform: scale(1);
    opacity: 0
  }
}

@-o-keyframes warn {
  0% {
    -o-transform: scale(0);
    transform: scale(0);
    opacity: 1
  }

  100% {
    -o-transform: scale(1);
    transform: scale(1);
    opacity: 0
  }
}

@keyframes warn {
  0% {
    -webkit-transform: scale(0);
    -moz-transform: scale(0);
    -o-transform: scale(0);
    transform: scale(0);
    opacity: 1
  }

  100% {
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1);
    opacity: 0
  }
}

.area-box .dot {
  position: absolute;
  left: 0;
  width: 10px;
  height: 10px;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
  background: #a2a9b4;
  opacity: 1;
  filter: alpha(opacity=100)
}

.area-box .pulse {
  position: absolute;
  top: -28px;
  left: -28px;
  height: 66px;
  width: 66px;
  border: 2px solid #b7b7b7;
  -webkit-border-radius: 48px;
  -moz-border-radius: 48px;
  border-radius: 48px;
  -webkit-box-shadow: 0 0 4px #82878f, 0 0 10px #82878f inset;
  -moz-box-shadow: 0 0 4px #82878f, 0 0 10px #82878f inset;
  box-shadow: 0 0 4px #82878f, 0 0 10px #82878f inset;
  opacity: .12;
  filter: alpha(opacity=0);
  -webkit-animation: warn 2s ease-out both;
  -moz-animation: warn 2s ease-out both;
  -o-animation: warn 2s ease-out both;
  animation: warn 2s ease-out both;
  -webkit-animation-iteration-count: infinite;
  -moz-animation-iteration-count: infinite;
  -o-animation-iteration-count: infinite;
  animation-iteration-count: infinite;
  background: 0 0
}

.area-box .delay-01 {
  -webkit-animation-delay: 0;
  -moz-animation-delay: 0;
  -o-animation-delay: 0;
  animation-delay: 0
}

.area-box .delay-02 {
  -webkit-animation-delay: .4s;
  -moz-animation-delay: .4s;
  -o-animation-delay: .4s;
  animation-delay: .4s
}

.area-box .delay-03 {
  -webkit-animation-delay: .8s;
  -moz-animation-delay: .8s;
  -o-animation-delay: .8s;
  animation-delay: .8s
}

.area-box .delay-04 {
  -webkit-animation-delay: 1.2s;
  -moz-animation-delay: 1.2s;
  -o-animation-delay: 1.2s;
  animation-delay: 1.2s
}

.area-box .delay-05 {
  -webkit-animation-delay: 1.6s;
  -moz-animation-delay: 1.6s;
  -o-animation-delay: 1.6s;
  animation-delay: 1.6s
}

.area-box .delay-06 {
  -webkit-animation-delay: 2s;
  -moz-animation-delay: 2s;
  -o-animation-delay: 2s;
  animation-delay: 2s
}

.area-box .delay-07 {
  -webkit-animation-delay: 2.4s;
  -moz-animation-delay: 2.4s;
  -o-animation-delay: 2.4s;
  animation-delay: 2.4s
}

.area-box .delay-08 {
  -webkit-animation-delay: -.4s;
  -moz-animation-delay: -.4s;
  -o-animation-delay: -.4s;
  animation-delay: -.4s
}

.area-box .delay-09 {
  -webkit-animation-delay: -.8s;
  -moz-animation-delay: -.8s;
  -o-animation-delay: -.8s;
  animation-delay: -.8s
}

.area-box .delay-10 {
  -webkit-animation-delay: -1.2s;
  -moz-animation-delay: -1.2s;
  -o-animation-delay: -1.2s;
  animation-delay: -1.2s
}

.area-box .delay-11 {
  -webkit-animation-delay: 4s;
  -moz-animation-delay: 4s;
  -o-animation-delay: 4s;
  animation-delay: 4s
}

.region-list.active .area-box .dot {
  background: #009fd9
}

.region-list.active .area-box .pulse {
  border-color: #009fd9;
  top: -39px;
  left: -39px;
  height: 88px;
  width: 88px;
  -webkit-box-shadow: 0 0 12px #0080d9, 0 0 20px #0080d9 inset;
  -moz-box-shadow: 0 0 12px #0080d9, 0 0 20px #0080d9 inset;
  box-shadow: 0 0 12px #0080d9, 0 0 20px #0080d9 inset
}

.region-list.waite .area-box .dot {
  background: #f90
}

.region-list.waite .area-box .pulse {
  border-color: #f90
}

.show-regin {
  position: absolute;
  left: 2px;
  height: 0;
  top: 0;
  width: 11px;
  opacity: 0;
  -o-transition: all .5s ease-in-out;
  -webkit-transition: all .5s ease-in-out;
  -moz-transition: all .5s ease-in-out;
  transition: all .5s ease-in-out
}

.online-node .show-regin,
.region-list:hover .show-regin,
.underline-node .show-regin,
.waite-node .show-regin {
  height: 127px;
  opacity: 1
}

.show-regin span {
  width: 80px;
  position: absolute;
  left: 8px;
  top: -11px;
  padding: 6px 10px;
  font-size: 14px;
  color: #ccc;
  -moz-border-radius: 2px;
  -webkit-border-radius: 2px;
  border-radius: 2px;
  text-align: center;
  white-space: nowrap;
}

.postition-10 .show-regin span {
  left: 0
}

.postition-6 .show-regin span {
  left: -72px
}

.area-box {
  z-index: 77
}

.show-regin {
  z-index: 66
}

.region-list.active .show-regin span {
  position: relative;
  color: #ccc
}

.region-list.waite .show-regin span {
  color: #ccc
}

.postition-1 {
  left: 302px;
  top: 308px
}

.postition-2 {
  left: 401px;
  top: 403px
}

.postition-3 {
  left: 358px;
  top: 516px
}

.postition-4 {
  left: 473px;
  top: 348px
}

.postition-5 {
  left: 526px;
  top: 394px
}

.postition-6 {
  left: 526px;
  top: 515px
}

.postition-7 {
  left: 652px;
  top: 200px
}

.postition-7.region-list.active .area-box .pulse {
  top: -50px;
  left: -50px;
  width: 110px;
  height: 110px;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%
}

.postition-8 {
  left: 559px;
  top: 229px
}

.postition-9 {
  left: 637px;
  top: 371px
}

.postition-9.region-list.active .area-box .pulse {
  top: -50px;
  left: -50px;
  width: 110px;
  height: 110px;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%
}

.postition-10 {
  left: 554px;
  top: 539px
}

.postition-11 {
  left: 604px;
  top: 300px
}

.postition-13 {
  left: 470px;
  top: 250px
}

.douhao {
  width: 0
}

.anniversary_content {
  margin-top: 1rem;
  min-height: 770px;
  overflow-x: scroll;
  background: white;
  scrollbar-arrow-color: #c19c41;
  scrollbar-face-color: #c19c41;
  scrollbar-highlight-color: #c19c41;
  scrollbar-shadow-color: #c19c41;
  scrollbar-track-color: #EDEDED;
  scrollbar-3dlight-color: #c19c41;
  scrollbar-darkshadow-color: #c19c41;
  scrollbar-base-color: #EDEDED;
}


/* icon.css */
@font-face {
	font-family: 'cui-icon';
	src: url(../fonts/cui-icon.woff2);
	font-weight: normal;
	font-style: normal;
}

.cui-icon {
	font-family: 'cui-icon' !important;
	speak: none;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	line-height: 1;
	display: inline-block;
	vertical-align: middle;
	font-size: 16px;
}

.cui-icon-add:before {
	content: "\ea01"
}

.cui-icon-cancel:before {
	content: "\ea02"
}

.cui-icon-confirm:before {
	content: "\ea03"
}

.cui-icon-date:before {
	content: "\ea04"
}

.cui-icon-download:before {
	content: "\ea05"
}

.cui-icon-edit:before {
	content: "\ea06"
}

.cui-icon-heart:before {
	content: "\ea07"
}

.cui-icon-help:before {
	content: "\ea08"
}

.cui-icon-home:before {
	content: "\ea09"
}

.cui-icon-infomation:before {
	content: "\ea0a"
}

.cui-icon-menu:before {
	content: "\ea0b"
}

.cui-icon-minus:before {
	content: "\ea0c"
}

.cui-icon-purchase:before {
	content: "\ea0d"
}

.cui-icon-refresh:before {
	content: "\ea0e"
}

.cui-icon-search:before {
	content: "\ea0f"
}

.cui-icon-star-outline:before {
	content: "\ea10"
}

.cui-icon-star:before {
	content: "\ea11"
}

.cui-icon-visible:before {
	content: "\ea12"
}

.cui-icon-double-down:before {
	content: "\ea13"
}

.cui-icon-double-left:before {
	content: "\ea14"
}

.cui-icon-double-right:before {
	content: "\ea15"
}

.cui-icon-double-up:before {
	content: "\ea16"
}

.cui-icon-down:before {
	content: "\ea17"
}

.cui-icon-left:before {
	content: "\ea18"
}

.cui-icon-more:before {
	content: "\ea19"
}

.cui-icon-play:before {
	content: "\ea1a"
}

.cui-icon-right:before {
	content: "\ea1b"
}

.cui-icon-triangle-down:before {
	content: "\ea1c"
}

.cui-icon-up:before {
	content: "\ea1d"
}


.clearfix:after {
    clear: both;
    display: block;
    visibility: hidden;
    height: 0;
    content: "."
}

.clearfix {
    display: inline-block
}

* html .clearfix {
    height: 1%
}

.clearfix {
    display: block
}

/****** 首页 ******/
.warp {

    min-width: 1320px;

    display: block;

    /* text-align: -webkit-center; */
}


.bg-color {
    background: #efefef;
}

.bg-color2 {
    background: #fff;
}

.fl {
    float: left;
}

.fr {
    float: right;
}

/* 头部 end */


/* 内容 start */
/* .content {
    width: 100%;
    overflow: hidden;
    float: left;
} */

.content-boxs {
    height: 236px;
    overflow: hidden;
    margin: 0px auto 0;
}

.one {
    background: #fff;
}

.one .swiper-box {
    width: 100%;
    overflow: hidden;
    float: left;
}

.one .swiper-box .device {
    width: 100%;
    overflow: hidden;
    margin: 0 auto;
    position: relative;
}

.one .swiper-box .device .arrow-left {
    background: url(left.png) no-repeat center;
    position: absolute;
    left: 175px;
    top: 50%;
    margin-top: -24.5px;
    width: 54px;
    height: 49px;
    z-index: 99999;
}

.one .swiper-box .device .arrow-right {
    background: url(right.png) no-repeat center;
    position: absolute;
    right: 175px;
    top: 50%;
    margin-top: -24.5px;
    width: 54px;
    height: 49px;
    z-index: 99999;
}

.one .swiper-box .swiper-container {
    width: 100%;
    overflow: hidden;
}

.one .swiper-box .swiper-wrapper {
    width: 100%;
    height: auto !important;
    overflow: hidden;
}

.one .swiper-box .swiper-slide {
    width: 100%;
    height: auto !important;
    overflow: hidden;
    text-align: center;
    overflow: hidden;
}

.one .swiper-box .swiper-slide a {
    display: block;
    width: 100%;
    height: 100%;
    position: relative;
}

.one .swiper-box .swiper-slide img {
    width: 100%;
    overflow: hidden;
    vertical-align: middle;
}


.animate-box {
    width: 70%;
    height: 240px;
    overflow: hidden;
    position: absolute;
    left: 15%;
    top: 115px;
    z-index: 999;
}

.animate-position {
    width: 100%;
    overflow: hidden;
    float: left;
    position: relative;
}

.animate-box .img-height {
    width: 100%;
    overflow: hidden;
    float: left;
    visibility: hidden;
}

.animate-box .img-height img {
    display: block;
    width: 100%;
    float: left;
}

.animate-box .animate-one {
    width: 100%;
    overflow: hidden;
    position: absolute;
    left: 0px;
    top: 0px;
    z-index: 999;
}

.swiper-slide-active .animate-box .animate-one {
    animation: myfirst 2s;
    -webkit-animation: myfirst 2s;
    /* Safari 与 Chrome */
}

.swiper-slide-active .animate-box .animate-two {
    animation: myfirst2 2s;
    -webkit-animation: myfirst2 2s;
    /* Safari 与 Chrome */
}

.animate-box .animate-two {
    width: 100%;
    overflow: hidden;
    position: absolute;
    bottom: 0px;
    left: 0px;
    z-index: 999;
}

@keyframes myfirst {
    0% {
        position: absolute;
        top: -139px;
    }

    100% {
        position: absolute;
        top: 0px;
    }
}

@-webkit-keyframes myfirst {

    /* Safari 与 Chrome */
    0% {
        position: absolute;
        top: -139px;
    }

    100% {
        position: absolute;
        top: 0px;
    }
}


@keyframes myfirst2 {
    0% {
        position: absolute;
        bottom: -50px;
    }

    100% {
        position: absolute;
        bottom: 0px;
    }
}

@-webkit-keyframes myfirst2 {

    /* Safari 与 Chrome */
    0% {
        position: absolute;
        bottom: -50px;
    }

    100% {
        position: absolute;
        bottom: 0px;
    }
}

.animate-box .animate-one img,
.animate-box .animate-two img {
    display: block;
    width: 100%;
    height: auto;
}


.one .swiper-box .pagination {
    position: absolute;
    left: 0px;
    bottom: 25px;
    width: 100%;
    text-align: center;
    height: auto;
    z-index: 999;
}

.one .swiper-box .swiper-pagination-switch {
    display: inline-block;
    width: 2px;
    height: 16px;
    margin: 0 5px;
    cursor: pointer;
    background: #fff;
}

.one .swiper-box .swiper-active-switch {
    height: 30px;
    background: #1F93F9;
}


.two {
    height: 55px;
    background: #f7f7f7;
}

.two .left {
    margin: 0px 0px 0px 10px;
    padding: 0px 10px 0px 0px;
    line-height: 55px;
    float: left;
    text-indent: 2em;
    font-size: 14px;
    color: #015293;
    border-right: solid 1px #fff;
    background: url("18149535.png") no-repeat center left;
}

.two .right {
    width: 1070px;
    height: 55px;
    float: left
}

.two .right .device {
    width: 100%;
    height: 55px;
    overflow: visible;
    margin: 0 auto;
    position: relative;
}

.two .right .device .arrow-left {
    background: url(18149450.png) no-repeat center;
    position: absolute;
    right: -10px;
    top: 0px;
    width: 10px;
    height: 55px;
    z-index: 99999;
}

.two .right .device .arrow-right {
    background: url(18149451.png) no-repeat center;
    position: absolute;
    right: -20px;
    top: 0px;
    width: 10px;
    height: 55px;
    z-index: 99999;
}

.two .right .swiper-container {
    width: 100%;
    height: 55px;
    color: #fff;
    text-align: center;
}

.two .right .swiper-slide {
    width: auto !important;
    height: 100%;
}

.two .right .swiper-slide a {
    display: block;
    width: auto;
    height: 55px;
    padding: 0px 0px 0px 30px;
    line-height: 55px;
    font-size: 14px;
    color: #222222;
}

.two .right .pagination {
    display: none;
    position: absolute;
    z-index: 20;
    left: 10px;
    bottom: 10px;
}

.two .right .swiper-pagination-switch {
    display: inline-block;
    width: 8px;
    height: 8px;
    border-radius: 8px;
    background: #222;
    margin-right: 8px;
    opacity: 0.8;
    border: 1px solid #fff;
    cursor: pointer;
}

.two .right .swiper-visible-switch {
    background: #aaa;
}

.two .right .swiper-active-switch {
    background: #fff;
}

.three {
    width: 82%;
    height: 770px;
    overflow: hidden;
    background: #fff;
}

.three .top {
    overflow: hidden;
    /* float: left; */
    margin: 60px 0 20px 0;
    /* overflow: hidden;
    float: left;
    margin: 60px 0 20px 0; */
}

.three .top .top-left-box {
    /* width: 1320px; */
    width: 100%;
    color: #015293;
    /* padding: 0px 0px 0px 95px; */
    min-height: 80px;
    overflow: hidden;
    /* float: left;
    line-height: 30px; */
    font-size: 36px;
    color: #222222;
    text-align: center;
    /* background: url(18149534.png) no-repeat left top; */
}

.three .top .top-right-box {
    width: 217px;
    height: 80px;
    text-align: center;
}

.three .top .top-right-box img {
    width: 100%;
    height: 100%;
}


.three .bottom {
    width: 100%;
    overflow: visible;
    float: left;
    padding-top: 40px;
    border-top: solid 1px #ececec;
}

.three .bottom .bottom-left-box {
    /* width: 555px; */
    width: 40%;
    height: 390px;
    overflow: hidden;
    float: left;
}

.three .bottom .bottom-left-box .device {
    width: 100%;
    height: 390px;
    overflow: hidden;
    margin: 0 auto;
    position: relative;
}

/*.three .bottom .bottom-left-box .device .arrow-left {*/
/*background: url(18149512.png) no-repeat center;*/
/*position: absolute;*/
/*left: 175px;*/
/*top: 50%;*/
/*margin-top: -24.5px;*/
/*width: 65px;*/
/*height: 49px;*/
/*z-index: 99999;*/
/*}*/
/*.three .bottom .bottom-left-box .device .arrow-right {*/
/*background: url(18149528.png) no-repeat center;*/
/*position: absolute;*/
/*right: 175px;*/
/*top: 50%;*/
/*margin-top: -24.5px;*/
/*width: 54px;*/
/*height: 49px;*/
/*z-index: 99999;*/
/*}*/

.three .bottom .bottom-left-box .swiper-container {
    width: 100%;
    overflow: hidden;
}

.three .bottom .bottom-left-box .swiper-wrapper {
    width: 100%;
    height: 390px;
    overflow: hidden;
}

.three .bottom .bottom-left-box .swiper-slide {
    width: 100%;
    height: 390px;
    overflow: hidden;
    text-align: center;
    position: relative;
}

.three .bottom .bottom-left-box .swiper-slide a {
    display: block;
    width: 100%;
    height: 100%;
}

.three .bottom .bottom-left-box .swiper-slide img {
    width: 100%;
    height: 100%;
    overflow: hidden;
    vertical-align: middle;
}

.three .bottom .bottom-left-box .swiper-title {
    position: absolute;
    left: 0px;
    bottom: 0px;
    z-index: 99999;
    width: 100%;
    height: 94px;
    line-height: 130px;
    color: #fff;
    font-size: 18px;
    text-align: left;
    text-indent: 1em;
    background: url("18149533.png") no-repeat;
}

.three .bottom .bottom-left-box .pagination {
    position: absolute;
    right: 30px;
    bottom: 18px;
    width: auto;
    text-align: center;
    height: auto;
    z-index: 999;
}

.three .bottom .bottom-left-box .swiper-pagination-switch {
    display: inline-block;
    width: 2px;
    height: 16px;
    margin: 0 5px;
    cursor: pointer;
    background: #fff;
}

.three .bottom .bottom-left-box .swiper-active-switch {
    height: 30px;
    background: #1F93F9;
}


.three .bottom .bottom-right-box {
    /* width: 720px; */
    width: 56%;
    height: 390px;
    overflow: visible;
    float: right;
}

.three .bottom .bottom-right-box .nav-all-box {
    width: 100%;
    height: 40px;
    float: left;
    overflow: visible;
    border-bottom: 1px solid #828282;
}

.three .bottom .bottom-right-box .nav-all-box ul li {
    width: auto;
    height: 38px;
    float: left;
    line-height: 28px;
    margin-left: 30px;
    font-size: 24px;
    color: #0f0f0f;
    position: relative;
}

.three .bottom .bottom-right-box .nav-all-box ul li:first-child {
    margin-left: 0px;
}

.three .bottom .bottom-right-box .nav-all-box ul li a {
    color: #787878;
}

.three .bottom .bottom-right-box .nav-all-box ul .style-active {
    height: 35px;
    line-height: 30px;
    color: #015293;
    font-size: 24px;
    font-weight: 600;
    transition: all 200ms ease;
}

.three .bottom .bottom-right-box .nav-all-box ul .style-active a {
    color: #181717;
}

.three .bottom .bottom-right-box .nav-all-box ul .style-active:after {
    content: '';
    display: block;
    position: absolute;
    left: -10px;
    top: 50%;
    margin-top: -2.5px;
    width: 4px;
    height: 5px;
    background: #1F93F9;
}

.three .bottom .bottom-right-box .nav-all-box ul .style-active:before {
    content: '';
    display: block;
    position: absolute;
    right: -10px;
    top: 50%;
    margin-top: -2.5px;
    width: 4px;
    height: 5px;
    background: #1F93F9;
}


.three .bottom .bottom-right-box .con-text-box {
    width: 100%;
    overflow: hidden;
    float: left;
    margin-top: 20px;
}


.three .bottom .bottom-right-box .con-text-box .con-ul-box {
    display: none;
    opacity: 0;
    width: 100%;
    height: 350px;
    overflow: hidden;
    float: left;
}

.three .bottom .bottom-right-box .con-text-box .on-active {
    display: block;
    opacity: 1;
    transition: all 700ms ease;
}

.three .bottom .bottom-right-box .con-text-box .con-ul-box ul li {
    width: 100%;
    height: 55px;
    float: left;
    line-height: 40px;
    font-size: 16px;
}

.three .bottom .bottom-right-box .con-text-box .con-ul-box ul li .li-title {
    width: 72%;
    height: 40px;
    float: left;
    text-align: left;
    text-indent: 1em;
    background: url(../img/dot.png) no-repeat center left;
    font-size: 1.2rem;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.three .bottom .bottom-right-box .con-text-box .con-ul-box ul li .li-time {
    width: 20%;
    height: 40px;
    float: right;
    font-size: 1rem;
    text-indent: 1.5em;
    text-align: left;
    color: #a0a0a0;
    background: url(18149532.png) no-repeat center left;
}


.three .bottom .bottom-right-box .zt-box {
    width: 100%;
    height: 75px;
    overflow: visible;
    float: left;
    margin-top: 11px;
}

.three .bottom .bottom-right-box .device {
    width: 100%;
    height: 75px;
    overflow: visible;
    margin: 0 auto;
    position: relative;
}

.three .bottom .bottom-right-box .swiper-container {
    width: 100%;
    height: 75px !important;
    overflow: hidden;
}

.three .bottom .bottom-right-box .swiper-wrapper {
    width: 100%;
    overflow: hidden;
}

.three .bottom .bottom-right-box .swiper-slide {
    width: 100%;
    height: 75px !important;
    overflow: hidden;
    text-align: center;
    position: relative;
}

.three .bottom .bottom-right-box .swiper-slide a {
    display: block;
    width: 100%;
    height: 75px !important;
}

.three .bottom .bottom-right-box .swiper-slide img {
    width: 100%;
    height: 75px !important;
    overflow: hidden;
    vertical-align: middle;
}

.three .bottom .bottom-right-box .pagination {
    position: absolute;
    right: -20px;
    bottom: -5px;
    width: 10px;
    text-align: center;
    height: auto;
    z-index: 999;
}

.three .bottom .bottom-right-box .swiper-pagination-switch {
    display: inline-block;
    width: 11px;
    height: 2px;
    float: left;
    margin: 5px 0px;
    cursor: pointer;
    background: #0749a5;
}

.three .bottom .bottom-right-box .swiper-active-switch {
    width: 20px;
    background: #1F93F9;
}


.four {
    height: 900px;
    background-color: #d8d8d830;
}

.four .four-lanmu {
    width: 100%;
    overflow: hidden;
    float: left;
    margin-top: 75px;
}

.four .four-lanmu .lanmu-box {
    width: 480px;
}

.four .four-lanmu .lanmu-title {
    color: #015293;
}

.four .four-lanmu .lanmu-title a {
    color: #015293;
}

.four .four-text-box {
    width: 100%;
    height: 480px;
    float: left;
    margin-top: 45px;
}

.four .four-text-box ul li {
    width: 180px;
    height: 480px;
    float: left;
    margin-left: 48px;
    background: #fff;
    -moz-box-shadow: 0px 0px 12px 0px rgba(0, 0, 0, 0.05);
    -webkit-box-shadow: 0px 0px 12px 0px rgba(0, 0, 0, 0.05);
    box-shadow: 0px 0px 12px 0px rgba(0, 0, 0, 0.05);
    position: relative;
}

.four .four-text-box ul li:first-child {
    margin-left: 0px;
}

.four .four-name,
.four .four-text,
.four .four-more {
    width: 140px;
    padding: 0px 20px 0px 20px;
    overflow: hidden;
    float: left;
}


.four .position-con {
    position: absolute;
    left: 0px;
    top: 0px;
    z-index: 999;
    width: 100%;
    height: 480px;
    overflow: hidden;
}

.four .four-name .f-name-img {
    width: 100%;
    height: 104px;
    text-align: center;
    margin-top: 30px;
}

.four .four-name .img02:hover {
    text-align: center;
}

.four .four-name .f-name-img img {
    width: 84px;
    height: 84px;
}

.four .four-name .f-name-img .img02 {
    display: none;
    opacity: 0;
    width: 84px;
    height: 84px;
    transition: all 700ms ease;
    margin-left: 30px;
}

.four .four-name p {
    font-size: 18px;
    padding: 9px 0px;
    margin-top: 13px;
    color: #222222;
    text-align: center;
    position: relative;
}

.four .four-name p:before {
    content: '';
    position: absolute;
    left: 55px;
    bottom: 0px;
    display: block;
    width: 32px;
    height: 2px;
    background: #f3f3f3;
}

.four .four-text {
    height: 180px;
    overflow: hidden;
    float: left;
    padding-top: 40px;
    padding-bottom: 20px;
    line-height: 20px;
    font-size: 16px;
    color: #022222;
    text-align: justify;
    border-bottom: solid 1px #e8e8e8;
}

.four-more {
    background-color: #8295A5;
}

.four .four-more span {
    display: block;
    width: 100%;
    height: 50px;
    float: left;
    line-height: 50px;
    text-align: center;
}

.four .four-more span a {
    display: block;
    width: 100%;
    height: 100%;
    color: #fff;
}


.four .position-img {
    display: none;
    position: absolute;
    left: 0px;
    top: 0px;
    z-index: -1;
    width: 100%;
    height: 480px;
    overflow: hidden;
    transition: all 3s;
}

.four .position-img img {
    width: 100%;
    height: 100%;
}


.four .four-text-box ul li:hover .four-text {
    border-bottom: solid 1px #3572a6;
}

.four .four-text-box ul li:hover .f-name-img .img01 {
    display: none;
    opacity: 0;
}

.four .four-text-box ul li:hover .f-name-img .img02 {
    display: block;
    opacity: 1;
    transition: all 700ms ease;
}

.four .four-text-box ul li:hover .four-name p {
    color: #fff;
}

.four .four-text-box ul li:hover .four-text {
    color: #fff;
}

.four .four-text-box ul li:hover .four-more span a {
    color: #fff;

}

.four .four-text-box ul li .four-more:hover span a {
    letter-spacing: 1px;
    transition: all 1s;
}

.four .four-text-box ul li .position-con:after {
    content: '';
    display: block;
    position: absolute;
    left: 0px;
    top: 0px;
    z-index: -1;
    width: 100%;
    height: 100%;
    background: #fff;
}

.four .four-text-box ul li .position-con:hover:after {
    opacity: 0;
}

.four .four-text-box ul li .position-con:before {
    content: '';
    display: block;
    opacity: 0;
    position: absolute;
    left: 0px;
    top: 0px;
    z-index: -1;
    width: 100%;
    height: 100%;
    background: url("18149571.jpg") no-repeat center;
    transition: all 1s;
}

.four .four-text-box ul li .position-con:hover:before {
    transform: scale(1.2);
    display: block;
    opacity: 1;
}

/*.four .four-text-box ul li .position-img img {*/
/*transition: all 1s;*/
/*}*/

/*.four .four-text-box ul li:hover .position-img img {*/
/*transform: scale(1.2);*/
/*}*/


/* .five {
    height: 298px;
    background: url("18149531.jpg") no-repeat center top;
}

.five .lanmu-box {
    margin-top: 55px;
} */

.lanmu-box {
    width: 100%;
    overflow: hidden;
    float: left;
}

.lanmu-title {
    padding: 0px 15px;
    float: left;
    line-height: 30px;
    position: relative;
    font-size: 30px;
    color: #fff;
}

.lanmu-title a {
    color: #fff;
}

.lanmu-title:after,
.lanmu-title:before {
    content: '';
    display: block;
    width: 4px;
    height: 5px;
    background: #1F93F9;
    position: absolute;
    top: 50%;
    margin-top: -2.5px;
}

.lanmu-title:after {
    left: 0px;
}

.lanmu-title:before {
    right: 0px;
}

.lanmu-more {
    width: 20px;
    height: 30px;
    float: right;
}

.lanmu-more a {
    display: block;
    width: 100%;
    height: 100%;
}

.lanmu-more img {
    margin-top: 15px;
}

.five .five-text-box {
    width: 100%;
    overflow: hidden;
    float: left;
    margin-top: 55px;
}

.five .ss-company {
    width: 100%;
    overflow: hidden;
    float: left;
}

.five .ss-company ul li {
    display: none;
    width: 100%;
    overflow: hidden;
    float: left;
}

.five .ss-company ul .on-active {
    display: block;
}

.five .five-text-box .left {
    width: 415px;
    overflow: hidden;
    float: left;
}

.five .five-text-box .left dl dt {
    min-width: 165px;
    max-width: 220px;
    float: left;
    margin-left: 55px;
    border-right: solid 1px #3d6d9a;
}

.five .five-text-box .left dl dt p {
    line-height: 25px;
    color: #fff;
    font-size: 12px;
}

.five .five-text-box .left dl dt p:first-child {
    font-size: 14px;
    line-height: 27px;
}

.five .five-text-box .left dl dd {
    width: 192px;
    overflow: hidden;
    float: right;
    text-align: right;
}

.five .five-text-box .left dl dd img {
    height: 30px;
    margin-top: 35px;
}

.five .five-text-box .right {
    width: 785px;
    overflow: hidden;
    float: left;
}

.five .five-text-box .right p {
    line-height: 30px;
    color: #fff;
    font-size: 14px;
    text-indent: 2em;
    text-align: justify;
    padding: 0px 52px 0px 42px;
}

.five .five-text-box .right p a {
    color: #1F93F9;
}


/* .six {
    height: 535px;
    background: #f9f9f9;
} */

.six-text-box {
    width: 100%;
    height: 535px;
    overflow: hidden;
    float: left;
}

.six-text-box .six-nav {
    width: 100%;
    height: 70px;
    float: left;
    background: #fff;
}

.six-text-box .six-nav ul li {
    width: 123px;
    height: 70px;
    line-height: 70px;
    float: left;
    text-align: center;
    color: #222;
    border-left: solid 1px #f4f4f4;
}

.six-text-box .six-nav ul li:first-child {
    border-left: 0px;
}

.six-text-box .six-nav ul li a {
    color: #222;
}

.six-text-box .six-nav ul .style-active {
    width: 146px;
    height: 79px;
    line-height: 70px;
    color: #222;
    font-size: 16px;
    border-left: solid 1px #015293;
    border-bottom: solid 2px #1F93F9;
    background: #015293;
    transition: all 700ms ease;
}

.six-text-box .six-nav ul .style-active a {
    color: #fff;
}

.six-con {
    width: 100%;
    height: 465px;
    float: left;
    overflow: visible;
    margin-top: 130px;
}

.six-con ul li {
    display: none;
    opacity: 0;
    width: 100%;
    overflow: visible;
    float: left;
}

.six-con ul .on-active {
    display: block;
    opacity: 1;
    transition: all 700ms ease;
}

.six-con dl dd {
    width: 178px;
    height: 189px;
    float: left;
    margin-left: 26px;
    -moz-box-shadow: 0px 0px 12px 0px rgba(0, 0, 0, 0.05);
    -webkit-box-shadow: 0px 0px 12px 0px rgba(0, 0, 0, 0.05);
    box-shadow: 0px 0px 12px 0px rgba(0, 0, 0, 0.05);
    position: relative;
}

.six-con dl dd:first-child {
    margin-left: 0px;
}

.six-con ul li dl dd a {
    position: relative;
    left: 0px;
    top: 0px;
    z-index: 999;
    display: block;
    width: 178px;
    height: 189px;
    overflow: hidden;
}

.six-con dl dd a:before {
    content: '';
    display: block;
    width: 178px;
    height: 189px;
    position: absolute;
    left: 0px;
    top: 0px;
    z-index: -1;
    background: url("18149468.jpg") no-repeat center;
}

.six-con dl dd a:after {
    content: '';
    display: block;
    opacity: 0;
    width: 178px;
    height: 189px;
    position: absolute;
    left: 0px;
    top: 0px;
    z-index: -1;
    background: url("18149469.jpg") no-repeat center;
    transition: all 1s;
}

.six-con dl dd a:hover:after {
    display: block;
    opacity: 1;
    transform: scale(1.2);
    /* 放大1.2倍 */
}

.six-con ul li dl dd a:hover:before {
    display: none;
    opacity: 0;
}

.six-con ul li dl dd:hover .six-ht-img {
    opacity: 0;
    display: none;
}

.six-con ul li dl dd:hover .six-hover-img {
    opacity: 1;
    display: block;
}

.six-con ul li dl dd:hover .six-dd-name {
    color: #fff;
}

.wap-six-dd-name {
    display: none;
}

.six-con dl dd .six-position-box {
    position: absolute;
    left: 0px;
    top: 35px;
    width: 100%;
    height: 155px;
    overflow: hidden;
    float: left;
    position: relative;
}

.six-con dl dd .six-position-box p {
    text-align: center;
}

.six-con dl dd .six-position-box .six-dd-name {
    position: absolute;
    left: 0px;
    bottom: 20px;
    width: 158px;
    min-height: 30px;
    padding: 5px 10px 0px 10px;
    line-height: 20px;
    text-align: center;
    font-size: 14px;
    color: #222222;
}

.six-con dl dd .six-dd-name:after {
    content: '';
    display: block;
    position: absolute;
    top: -2px;
    left: 50%;
    margin-left: -10px;
    width: 20px;
    height: 2px;
    background: #f3f3f3;
}

/* 内容 end */


/* 脚部 */
.footer {
    width: 100%;
    overflow: hidden;
    float: left;
}

.footer .top {
    width: 100%;
    height: 368px;
    float: left;
}

.footer .top .link-title {
    width: 100%;
    font-size: 30px;
    text-align: center;
    margin-top: 50px;
}

.footer .top .link-title a {
    color: #02112E;
}

.footer .top .link-title:before {
    content: '';
    display: block;
    width: 40px;
    height: 5px;
    background: #1F93F9;
    position: absolute;
    left: 49%;
    margin-top: 48px;
}


.footer .top .top-box {
    width: 100%;
    overflow: visible;
    float: left;
    margin-top: 55px;
}

.footer .top .top-box .top-b-left {
    width: 400px;
    height: 123px;
    float: left;
    line-height: 123px;
    background: rgb(228 228 228 / 20%);
    position: relative;
}


.footer .top .top-box .top-b-center {
    width: 400px;
    height: 123px;
    float: left;
    margin-left: 60px;
    line-height: 123px;
    font-size: 26px;
    color: #4f83b4;
    background: rgb(228 228 228 / 20%);
    position: relative;
}


.footer .top .top-box .top-b-right {
    width: 400px;
    height: 123px;
    float: left;
    margin-left: 60px;
    background: rgb(228 228 228 / 20%);
}


.footer .bottom {
    width: 100%;
    height: 160px;
    float: left;
    background: #0164B9;
}

.footer .bottom .left {
    width: 480px;
    overflow: hidden;
    margin-top: 40px;
}

.footer .bottom .left img {
    width: 48px;
    margin-bottom: 10px;
    ;
}

.footer .bottom .left,
.center p {
    color: #fff;
    margin-top: 2px;
    font-size: 12px;
}

.footer .bottom .center {
    width: 480px;
    overflow: hidden;
    margin-top: 40px;
}

.footer .bottom .center,
.right span {
    font-size: 16px;
    color: #fff;
}

.footer .bottom .right {
    width: 350px;
    overflow: hidden;
}

.footer .bottom .right .r-footer-nav {
    width: 100%;
    overflow: hidden;
    float: left;
    margin-top: 25px;
}

.footer .bottom .right .r-footer-nav ul li {
    width: auto;
    height: 25px;
    float: left;
    margin-left: 20px;
    line-height: 25px;
    font-size: 12px;
    text-indent: 1.15em;
    background: url("18149459.png") no-repeat center left;
}

.footer .bottom .right .r-footer-nav ul li:first-child {
    margin-left: 15px;
}

.footer .bottom .right .r-footer-nav ul li a {
    color: #b3c3d3;
}

.footer .bottom .right .r-footer-text {
    width: 100%;
    overflow: hidden;
    float: left;
    margin-top: 8px;
}

.footer .bottom .right .r-footer-text p {
    line-height: 25px;
    color: #607694;
    font-size: 12px;
    text-align: right;
}

/* 脚部 end */


/*当前路径*/
.route {
    width: 100%;
    overflow: hidden;
    float: left;
    height: 50px;
    border-bottom: 1px #ccc solid;
    line-height: 50px;
}

/* .route .w1320-con span {
    margin-left: 10px;
}

.route .w1320-con span img {
    display: inline-block;
    vertical-align: middle;
} */



/*当前路径 end*/

.right_ce {
    width: 74%;
    background: rgba(255, 255, 255, 1);
    box-shadow: 0px 9px 36px 0px rgba(151, 151, 151, 0.24);
    border-radius: 2px;
    /* min-height: 1800px; */
    margin-bottom: 20px;
    overflow: hidden;
}

.page{width: 100%;height: 50px;padding: 0 40px;margin-bottom:20px;}
.page li{float: left;list-style: none;width:auto;min-width: 30px;height:30px;line-height:30px;text-align: center;background: #09F;margin: 0 2px;padding: 0 2px;}
.page li a{color: #fff;}
.page li.thisclass{background: #0CF;}